<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/WEB-INF/plantillas/plantilla.xhtml">
	<ui:define name="datosUsuario"/>
	<ui:define name="contenido">
		
		
	
		<p:fieldset style="text-align: center;" >
			<p:toolbar>
				<p:toolbarGroup align="center" styleClass="ui-widget-header" style="border: 0px !important;text-align: center;">
	      		 <p:outputLabel value="Bienvenido al Aplicativo"/>
	   			</p:toolbarGroup>
			</p:toolbar>
			<br />
			<br/>
			<br/>
			<h:form id="formInicio">
				<p:panel id="panelInicio" style="width: 955px !important;" >
					<center>
					<br />
					<p:panelGrid id="pgInicio" style="width: auto !important;">
						<p:row >
							<p:column style="text-align: center !important;">
								<p:outputLabel value="Estimado Trabajador para ingresar al aplicativo se le recomienda leer la guía de usuario y/o ver el video interactivo."
											   style="font-weight:bold;font-weight:bold;text-align: center !important;"/>
											   <br/>
											   <br/>
							</p:column>
						</p:row>
						<p:row >
							<p:column style="text-align: center !important;">
								<p:commandButton icon="icon-pdf" value="&nbsp;Guía de Usuario" action="#{consultaBean.mostrarGuiaUsuario}"
												 style="vertical-align: middle !important;"
												 onclick="this.form.target='_blank'" ajax="false"/>
							</p:column>
						</p:row>
						<p:row >
							<p:column style="text-align: center !important;">
								<p:lightBox id="lighbox2">
								    <h:outputLink value="#">
								        <p:commandButton icon="icon-video" value="&nbsp;Video Interactivo"
												 style="vertical-align: middle !important;"
												 />
								    </h:outputLink>
								 
								    <f:facet name="inline">
								        <p:media value="https://www.youtube.com/v/BeEs5rnQy4I%26amp;hl=en%26amp;fs=1%26amp;" width="850" height="550" player="flash"/>
								    </f:facet>
								</p:lightBox>
							</p:column>
						</p:row>
						<p:row >
							<p:column style="text-align: center !important;">
								<p:commandButton icon="icon-login" value="&nbsp;Ingresar al Aplicativo" action="#{consultaBean.toConsultaSIIT}"
												 style="vertical-align: middle !important;"/>
							</p:column>
						</p:row>
					</p:panelGrid>
					</center>
				</p:panel>
				
			</h:form>
		</p:fieldset>

	</ui:define>
</ui:composition>
</html>
